<template>
	<view>
		<navBar title="我的月卡"></navBar>
		<view class="top-bg"></view>
		<view class="content">
			<view v-if="list.length">
				<view class="tool">
					<view class="count">月卡（{{list.length}}张）</view>
					<!-- <view class="link" @click="go('/pages/payRecords/index')">支付记录>></view> -->
				</view>
				<view class="card" v-for="item in list" :key="item.id">
					<image class="card-bg" v-if="Number(item.remainDays)>0" :src="bg_image.cardBg"></image>
					<image class="card-bg" v-else :src="bg_image.cardBgGrey"></image>
					<view class="text-panel">
						<view class="line1">
							<text class="car-no">{{item.plateNumber}}</text>
							<view class="status" v-if="Number(item.remainDays)>0" @click="renewal('/pages/indoor/scheme',item)">去续费</view>
						</view>
						<view class="line2">停车场：{{item.parkName || ''}}</view>
						<view class="line3">
							剩余
							<text class="yellow">{{Number(item.remainDays)>0?item.remainDays:'0'}}</text>
							天
						</view>
						<view class="line4">停车月卡：有效期至{{item.endTime || ''}}</view>
					</view>
				</view>
			</view>
			<view class="page-result" v-else>
				<image class="page-result-icon" :src="bg_image.emptyScheme"></image>
				<view class="page-result-msg">暂无月卡</view>
			</view>
			<view class="buy" @click="beforeBuyMonthCard">购买月卡</view>
		</view>
	</view>
</template>

<script>
	import myScheme from './js/myScheme'
	
	export default {
		components: {
		   
		},
		...myScheme 
	}
</script>

<style lang="less" scoped>
	@import url('./css/myScheme.less');
</style>